<div class="banner">
    <div class="row">
        <div class="large-12">
            <img src="img/banner/banner.png"/>
        </div>
    </div>
</div>

<div class="fixed">
    <nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: large medium small">
        <ul class="title-area">
            <li class="name">
                <h1><a href="accueil.dream">Accueil</a></h1>
            </li>
        </ul>
        <section class="top-bar-section" id="headerDiv">
        </section>
    </nav>
</div>

<script id="headerTemplate" type="text/x-jsrender">

            <ul class="right">
            {^{if infos.personne}}
            <li>
                <a href="javascript:;">
                    {{:infos.personne.prenom}} {{:infos.personne.nom}}
                </a>
            </li>
            <li class="active">
                <a href="javascript:;" data-reveal-id="myModal" class="demanderIntervention">
                    Demande intervention
                </a>
            </li>
            {{else}}
            <li class="active">
                <a href="javascript:;">Connexion</a>
            </li>
            {{/if}}
            </ul>

</script>

<script type="application/javascript">
    require(["jquery"], function () {
        $(document).ready(function () {
            require(["projetDreamHeader", "projetDreamConnexion"], function () {
//                    projetDreamConnexion.getClient();
                var callback = function () {
                    projetDreamConnexion.connexion("Bman", "alfred");
                };
                projetDreamHeader.initHeader(callback);
            });
        });
    });
</script>

<%@include file="includes/intervention.jsp" %>